<template>
  <!-- 党建引领 -->
  <div class="flex-space-between">
    <div>
      <left-top ref="leftTop" />
      <left-mid ref="leftMid" />
      <left-bot ref="leftBot" />
    </div>
    <mid @clickEchartsMap="clickEchartsMap"/>
    <div>
      <right-top ref="rightTop" />
      <right-mid ref="rightMid" />
      <right-bot ref="rightBot" />
    </div>
  </div>
</template>
<script>
import LeftTop from '@/views/party-construction-lead/components/LeftTop'
import LeftMid from '@/views/party-construction-lead/components/LeftMid'
import LeftBot from '@/views/party-construction-lead/components/LeftBot'
import RightTop from '@/views/party-construction-lead/components/RightTop'
import RightMid from '@/views/party-construction-lead/components/RightMid'
import RightBot from '@/views/party-construction-lead/components/RightBot'
import Mid from '@/views/party-construction-lead/components/Mid'

export default {
  components: { Mid, RightBot, RightMid, RightTop, LeftBot, LeftMid, LeftTop },
  data(){
    return {

    }
  },
  methods: {
    clickEchartsMap(areaCode){
      this.$refs.leftMid.init(areaCode)
      this.$refs.leftBot.init(areaCode)
    }
  }
}
</script>
